<template>
	<view class="">
		<up-navbar :title="title"  bgColor="#F0FFE6" :titleStyle="{color:'black',fontWeight:600}"
			:placeholder="true" :autoBack="true">
			<template #left>
				<view v-if="isShowLeftBtn" class="u-nav-slot"
					style="display: flex;align-items: center; padding:  8rpx 14rpx;border: 2rpx solid #ffffff;border-radius: 34rpx;font-weight: 600;">
					<up-icon name="arrow-left" size="22" color="black"></up-icon>
				<!-- 	<up-line direction="column" :hairline="false" length="26" margin="0 16rpx" color="black"></up-line>
					<up-icon name="home" size="23" color="black"></up-icon> -->
				</view>
			</template>
		</up-navbar>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		title: {
			type: String,
			require: true,
			default: "首页"
		},
		isShowLeftBtn: {
			type: Boolean,
			default: false
		}
	});
</script>

<style lang="scss">
</style>